import { cn, sn } from "@/lib/util";
import { CSSProperties, ReactNode } from "react";

interface Props {
  className?: string;
  style?: CSSProperties;
  children?: ReactNode;
  /**想要的具体文字大小，单位px，默认14 */
  size?: number;
  /**想要的颜色 */
  color?: string;
}
/**灰色小字体 */
export default function SmallText({ children, className, style = {}, size = 16, color }: Props) {
  return (
    <div className={cn("text-[#c9c9c9] font4", className)} style={sn({ fontSize: `${size}px`, color }, style)}>
      {children}
    </div>
  );
}
